// id 是你要打印的某个dom元素的id名
export function printExcel(id) {
  // 空页面
  let printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'></head>"
  // 定义element-ui table组件的样式
  const tabStyle = `<style>
        .print-container{
             height: 1100px;
             padding-top: 15px;
        }
        .topBox img{ width: 100%; ;}
        .topBox{ text-align: center;  }
        .h3 { 
             margin-top: -40px;
             margin-left: 20px;
            }
        table{
            width:80%;
            margin-left: 10%;
            display:table-cell!important;box-sizing:border-box;
            }
        .el-table__header,.el-table__body,.el-table__footer{width:100%!important;border-collapse: collapse;text-align:center;}
        table,table tr th, table tr td { word-wrap:break-word}
        table tr th,table tr td{padding:2mm 0mm;word-wrap:break-word;}
        .el-table__body, tr td .cell{width:100%!important}
        .el-table th.gutter{
            display: table-cell !important;
        }
        .el-table colgroup.gutter{display: none;}
        @media print {@page {size: portrait;margin-top: 0;margin-bottom: 0;}}
        .p3{
            width:20%;
        }
        .butBox{
            text-align: left;
            margin-top: 20px;
          }
          .page {
            font-size: 14px;
            text-align: right;
            margin-top: -20px;
            margin-right: 20px;
          }
          .tips{
            font-size: 12px;
            color: #7a7a7a;
            text-align: center;
          }
          .el-table {
            border:1px solid #606266;
          }
          .el-table th{
            border-bottom: 1px solid #606266;
          }

          .span{
            padding-left: 145px;
          }
          .el-table__expanded-cell{
            text-align-last: left;
            position: relative;
            top: -54px;
            left: 10px;
          }
          .expanded {
            border-bottom: 1px solid #606266;
          }
          .data-top {
          
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: 1px solid;
            padding: 20px 5px;
        
          }
          .cot {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border: 1px solid;
            padding: 20px 5px;
            position: relative;
          }
          .th{
            width:150px;
            text-align: center;
          }
          .shortName{
            width:200px
          }
          .temperature{
            position: absolute;
            left: 200px;
            top: 86px;
          }
        </style><body>`
  let content = ''

  // 获取名为传入id的 dom元素内的内容
  const str = document.getElementById(id).innerHTML
  console.log(str, 'str')

  // 拼接空页面+style样式+dom内容
  content = content + str
  printStr = printStr + tabStyle + content + '</body></html>'
  // 打开新页面
  const pwin = window.open('_blank')
  // 将内容赋值到新页面
  pwin.document.write(printStr)
  pwin.document.close()
  // 聚焦-不加focuse，在某些情况下，打印页面会有问题。
  pwin.focus()
  // 使用setTimeout，等页面dom元素渲染完成后再打印。:::
  setTimeout(() => {
    pwin.print() // 打印功能。 例如 window.print() 直接打印当前整个页面。
    pwin.close() // 关闭 打印创建的当前页面
  }, 500)
}
